<div class="row justify-content-center">
    <div class="col-8">
        <div *ngIf="deliverOffer">
            <h2><span>Deliver Offer</span> {{deliverOffer.id}}</h2>
            <hr>
            <jhi-alert-error></jhi-alert-error>
            <dl class="row-md jh-entity-details">
                <dt><span>User Id</span></dt>
                <dd>
                    <span>{{deliverOffer.userId}}</span>
                </dd>
                <dt><span>From</span></dt>
                <dd>
                    <span>{{deliverOffer.from}}</span>
                </dd>
                <dt><span>To Pl</span></dt>
                <dd>
                    <span>{{deliverOffer.toPl}}</span>
                </dd>
                <dt><span>Location</span></dt>
                <dd>
                    <span>{{deliverOffer.location}}</span>
                </dd>
                <dt><span>Leave Date</span></dt>
                <dd>
                    <span>{{deliverOffer.leaveDate}}</span>
                </dd>
                <dt><span>Arrive Date</span></dt>
                <dd>
                    <span>{{deliverOffer.arriveDate}}</span>
                </dd>
                <dt><span>Transport Type</span></dt>
                <dd>
                    <span>{{deliverOffer.transportType}}</span>
                </dd>
                <dt><span>Status</span></dt>
                <dd>
                    <span>{{deliverOffer.status}}</span>
                </dd>
                <dt><span>Created Date</span></dt>
                <dd>
                    <span>{{deliverOffer.createdDate}}</span>
                </dd>
            </dl>

            <button type="submit"
                    (click)="previousState()"
                    class="btn btn-info">
                <fa-icon [icon]="'arrow-left'"></fa-icon>&nbsp;<span> Back</span>
            </button>

            <button type="button"
                    [routerLink]="['/deliver-offer', deliverOffer.id, 'edit']"
                    class="btn btn-primary">
                <fa-icon [icon]="'pencil-alt'"></fa-icon>&nbsp;<span> Edit</span>
            </button>
        </div>
    </div>
</div>
